<template>
	<div class="lf-inp">
		<input type="text" placeholder="飞天茅台"><input type="button" value="搜索">
	</div>
</template>

<style scoped>
	.lf-inp{
		margin-top: 1rem;
		height: 1.5625rem;
		background: #e2e2e2;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.lf-inp>input{
		outline: none;
		border: none;
	}
	.lf-inp>input:first-of-type{
		width: 6.6562rem;
		height: 0.9375rem;
		background: #fff;
		vertical-align: middle;
		padding-left: 0.1562rem;
		font-size: 0.375rem;
	}
	 input::-webkit-input-placeholder{
		color: #c8c8c8;
		font-size: 0.375rem;
	}
	.lf-inp>input:last-of-type{
		width: 2.1875rem;
		height: 0.9375rem;
		line-height: 0.9375rem;
		font-size: 0.375rem;
		color: #fff;
		text-align: center;
		background: #de4943;
		vertical-align: middle;
	}
</style>